<!--登录框模板-->
<div class="kt-alert-login">
    <h1>立即登录</h1>
    <form class="layui-form kt-form">
        <div class="layui-form-item">
            <p>账号</p>
            <div class="layui-input-block">
                <input class="layui-input" type="text" name="account" autocomplete="off" placeholder="请输入您的账号" lay-verify="required|min:6,max32" />
            </div>
        </div>

        <div class="layui-form-item">
            <p>密码 <a href="javascript:;">忘记密码</a></p>
            <div class="layui-input-block">
                <input class="layui-input" type="password" name="password" autocomplete="off" autocomplete="off" placeholder="请输入您的账号密码" lay-verify="required|min:6,max:32" />
                <span class="iconfont showPassword icon-zhengyan"></span>
            </div>
        </div>

        <div class="layui-form-item">
            <button class="layui-btn layui-btn-fluid" type="submit">立 即 登 录</button>
        </div>

    </form>

    <p>没有账号？ <a href="javascript:;" class="kt-login-switch">一步创建</a></p>

    <fieldset class="layui-elem-field layui-field-title">
        <legend>第三方登录</legend>
    </fieldset>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <a href="javascript:;" class="login-style" kt-login-type="qq">
                <img src="/html/images/qq.png" />
                <span>Q Q</span>
            </a>
        </div>

        <div class="layui-col-md6">
            <a href="javascript:;" class="login-style" kt-login-type="weibo">
                <img src="/html/images/weibo.png" />
                <span>微 博</span>
            </a>
        </div>

        <div class="layui-col-md6">
            <a href="javascript:;" class="login-style" kt-login-type="github">
                <img src="/html/images/github.png" />
                <span>GitHub</span>
            </a>
        </div>

        <div class="layui-col-md6">
            <a href="javascript:;" class="login-style" kt-login-type="gitee">
                <img src="/html/images/gitee.png" />
                <span>码 云</span>
            </a>
        </div>
    </div>

    <span class="iconfont icon-guanbi kt-close"></span>
</div>
